<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>class</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/class.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</head>
<body style="background: #f9f7f0">
<div style="width: 90%;margin: 0 80px">
    <table class="table" style="margin: 50px 0">
        <tr>
            <td class="text-left h1" style="border: none;padding: 0">班级管理</td>
            <td class="text-right" style="border: none">
                <button type="button" class="btn btn-primary btn-primary" data-toggle="modal" data-target="#myModal" style="background: #E5C7AB; border: 0px;">
                    <span class="glyphicon glyphicon-plus"></span> 增加班级
                </button>
                <div class="modal fade" id="myModal" tabindex="-1">
                    <div class="modal-dialog" >
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title text-center">班级增加</h4>
                            </div>
                            <div class="modal-body">
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon">班级名称</span>
                                    <input id="tjclass" type="text" data-pd="false" class="form-control" placeholder="班级名称">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon" id="sizing-addon1">班 主 任&nbsp;</span>
                                    <input id='teacher' type="text" data-pd="false" class="form-control" placeholder="班主任">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon" id="sizing-addon2">联系方式</span>
                                    <input id="tell" type="text" data-pd="false" class="form-control" placeholder="联系方式">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon" id="sizing-addon3">开班日期</span>
                                    <input id="time3" type="text" data-pd="false" class="form-control" placeholder="开班日期">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon" id="sizing-addon4"> 人 &nbsp;&nbsp;&nbsp;数 &nbsp;&nbsp;</span>
                                    <input id="rens" type="text" data-pd="false" class="form-control" placeholder="人数">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button id="zj" type="button" class="btn btn-primary" data-dismiss="modal">添加</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal fade" id="myModa2" tabindex="-1">
                    <div class="modal-dialog" >
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title text-center">班级查看</h4>
                            </div>
                            <div class="modal-body">
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon">班级名称</span>
                                    <input id="tjclass1" type="text" class="form-control" placeholder="班级名称">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon">班 主 任&nbsp;</span>
                                    <input id='teacher1' type="text" class="form-control" placeholder="班主任">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon">联系方式</span>
                                    <input id="tell1" type="text" class="form-control" placeholder="联系方式">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon">开班日期</span>
                                    <input id="time2" type="text" class="form-control" placeholder="开班日期">
                                </div>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-addon"> 人 &nbsp;&nbsp;&nbsp;数 &nbsp;&nbsp;</span>
                                    <input id="rens1" type="text" class="form-control" placeholder="人数">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button id="xiu" type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <table class="table table-striped table-bordered" id="center1">
        <tbody id="tbody1">
            <tr>
                <th class="text-center">班级</th>
                <th class="text-center">班主任</th>
                <th class="text-center">联系方式</th>
                <th class="text-center">开班时间</th>
                <th class="text-center">班级人数</th>
                <th class="text-center">管理</th>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">小班1</td>
                <td class="text-center">小班小黑</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">10</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: none;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border:none;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">小班2</td>
                <td class="text-center">小班小白</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">32</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: none;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border:none;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">小班3</td>
                <td class="text-center">小班小红</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">30</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border:none;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border:none;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">中班1</td>
                <td class="text-center">中班小黑</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">36</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: none;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">中班2</td>
                <td class="text-center">中班小白</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">32</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">中班3</td>
                <td class="text-center">中班小红</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">30</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">大班1</td>
                <td class="text-center">大班小黑</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">36</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">大班2</td>
                <td class="text-center">大班小白</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">32</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
            <tr>
                <td class="text-center"><input type="checkbox">大班3</td>
                <td class="text-center">大班小红</td>
                <td class="text-center">15639659874</td>
                <td class="text-center">2019.9.1</td>
                <td class="text-center">30</td>
                <td class="text-center">
                    <button type="button" class="btn btn-primary xiugai" data-toggle="modal" data-target="#myModa2" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-search"></span></button>
                    <button data-sanchu type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
                </td>
            </tr>
        </tbody>
    </table>
    <div style="margin: 30px auto">
        <button id="quanxuan" type="button" class="btn btn-default" style="margin-left: 0;border: 0;">全选</button>
        <button id="quxiao" type="button" class="btn btn-default" style="margin-left: 0;border: 0;">取消</button>
        <button id="quansan" type="button" class="btn btn-danger" style="background: #E5C7AB; border: 0px;"><span class="glyphicon glyphicon-trash"></span></button>
        <br>
        <nav aria-label="Page navigation" style="margin-left: 48%">
            <ul class="pagination">
            </ul>
        </nav>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/class.js"></script>
</html>